html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
textarea,
input {
    margin: 0;
    padding: 0;
}

address,
cite,
dfn,
em,
var,
i {
    font-style: normal;
}

body {
    font-size: 14px;
    line-height: 1.5;
    /* font-family: 'Microsoft Yahei', 'simsun', 'arial', 'tahoma'; */
    font-family: 'Noto Sans';
    color: #222;
    background: #fff;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
th {
    font-size: 100%;
    font-weight: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
}

fieldset,
img {
    border: 0;
}

a {
    text-decoration: none;
    color: #666;
    background: none
}

ul,
ol {
    list-style: none;
}

:focus {
    outline: none;
}

.clearfix {
    clear: both;
    content: "";
    display: block;
    overflow: hidden
}

.clear {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.account-pb-bt {
    width: 29%;
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #c4c4c4;
    color: #1f2d3d;
    margin: 0;
    padding: 10px 15px;
    border-radius: 4px;
    text-decoration: none;
}

a {

    color: #000;
}

.account-right {
    display: block;
    text-align: right;
    color: #000;
    padding-bottom: 10px;
    text-decoration: none;
}

.flont-r {
    text-decoration: none;
    float: right;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.el-table--border::after,
.el-table--group::after,
.el-table::before {
    z-index: 0;
}

.title {
    font-size: 24px;
}

aside {
    overflow-y: scroll;
    background: #3c8dbc;
}

aside::-webkit-scrollbar {
    display: none;
}

.pb-name {
    color: #0099cc;
    cursor: pointer;
}

.grade {
    width: 49%;
    display: inline-block;
}

.grade3 {
    /* width:33%; */
    display: inline-block;
}

section {
    padding-top: 20px;
    background: #ECF0F5;
    border-radius: 4px 4px 0px 0px;
}

.section-content {
    background: #fff;
    /* padding: 0 20px; */
    padding: 10px 20px;
    /* margin-top: 20px; */
}

.el-input .el-input__inner {
    /* height: 30px; */
    border-radius: 4px;
}

.toolbar {
    padding: 10px 0 30px;
    background: #fff;
    margin: 0;
    margin-bottom: 10px;
}

.toolbar .el-input .el-input__inner {
    height: 40px;
    border-radius: 4px 0px 0px 4px;
    border: solid 1px #0099cc;
    margin: 0;
}

.toolbar .el-form--inline .el-form-item {
    margin-right: 0;
}

.el-form-item {
    /* margin-bottom: 5px; */
}

.el-form-item .el-form-item {
    margin-bottom: 5px !important;
}

.map_position {
    background: #eee;
    padding: 15px;
    margin: 0 auto 0;
    font-size: 14px;
    line-height: 1.3;
    color: #888;
}

.clearfix {
    display: block;
}

.container .main .menu-expanded[data-v-3c0c0be8] {
    flex: initial !important;
    width: auto;
}

aside {
    /* overflow:initial; */

}

.i-actor {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../assets/609785229586245058.jpg) center no-repeat;
    background-size: 100% 100%;
}

.i-fine {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../assets/473138486759491867.jpg) center no-repeat;
    background-size: 100% 100%;
}

.i-bad {
    width: 40px;
    height: 40px;
    display: inline-block;
    background: url(../assets/668082475431448186.jpg) center no-repeat;
    background-size: 100% 100%;
}

.grid-content {
    /* border-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; */
    min-height: 36px;
    background: #fff !important;
}

.dev-title {
    display: inline-block;
    line-height: 36px;
    text-indent: 10px;
    color: #000 !important;
    font-size: 14px;
    position: relative;
    margin-left: 20px;
    font-weight: bold;
}
.dev-title::before{
    content: '';
    display: inline-block;
    width: 4px;
    height: 14px;
    background-color: #245FE6;
    position: absolute;
    top: 50%;
    left: -4px;
    transform: translateY(-50%);
    border-radius: 1px;
}

.bg-purple-dark {
    background: #99a9bf;
}

.bg-purple {
    /* background: #0099cc !important; */
    background: #0099cc;
}

.col-bg {
    padding: 12px 15px;
    position: relative;
    height: 100%;
    color: #666666;
    background-color: #ffffff;
    border: 1px solid #eee;

    border-top: 0;
    border-radius: 5px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    position: relative;
    margin-bottom: 20px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.13);
}

.container .main .content-container .breadcrumb-container .title[data-v-3c0c0be8] {
    width: 300px;
    float: left;
    color: #475669;
}

.nav-tabs {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid transparent;
    background-color: #999;
}

.panel-body {
    padding: 15px 22px;
    position: relative;
    height: 100%;
}

.panel-body li label {
    color: #333;
    margin: 0;
    font-weight: bold;
}

.panel-body li {
    list-style: none;
    line-height: 40px;
    font-size: 12px;
    clear: both;
    border-bottom: 1px solid #eee;
}

.el-button+.el-button {
    margin-left: 0;
}

.el-table thead tr {
    background-color: #0099cc ;
    color: #fff;
}

.el-table .sort-caret {
    color: #fff;
}

.el-table td:first-child .cell,
.el-table th:first-child .cell {
    padding-left: 14px;
}

.device_item {
    width: 50%;
    float: left;
    padding-top: 50px;
}

.device_item_list {
    float: left;
    width: 50%;
    margin-bottom: 20px;
    padding: 0;
    line-height: 22px;
    font-size: 14px;
    color: #666;
}

.device_item_list span {

    display: block;
}

.online {
    color: #209e91;
}

.red {
    color: red;
}

.container .main .content-container .content-wrapper[data-v-3c0c0be8] {
    background-color: initial;
}

.el-select .el-input .el-select__caret {
    color: #59a5ff;
}

.bg-purple .el-input__inner {
    background-color: #ffffff;
    border-radius: 2px;
}

.bg-purple .dev-select {

    margin-right: 10px !important;
}

.el-radio__input.is-checked+.el-radio__label {
    color: #0099cc;
}

.el-radio__input.is-checked .el-radio__inner {
    border-color: #0099cc;
    background: #0099cc;
    color: #0099cc;
}

.el-button--primary {
    height: 40px;
    background-color: #0099cc;
    border-radius: 4px;
    border-color: #0099cc;
}

.el-form--inline .tool-bt {
    margin-right: 30px !important;
}

.el-form--inline .tool-bt button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.el-submenu__title i {
    color: #fff;
    font-size: 16px
}

.el-radio+.el-radio {
    margin-left: 0px;
}

.el-radio {

    margin-right: 10px;
}

.el-table th {
    background-color: #0099cc ;
}

.pb-icon {
    display: inline-block;
    width: 30px;
    height: 25px;
    /* margin: 0 8px; */
    cursor: pointer;
}

.icon-attention {
    background: url(../assets/img/guanzhu.png) center no-repeat;

    background-size: auto 100%;
}

.icon-callattention {

    background: url(../assets/img/weiguanzhu.png) center no-repeat;
    background-size: auto 100%;
}

.icon-edit {
    background: url(../assets/img/icon-edit.png) center no-repeat;
    background-size: auto 100%;
}
.icon-edit1 {
    background: url(../assets/icon/编辑_点击icon@2x.png) center no-repeat;
    background-size: auto 100%;
}
.icon-delete1 {
    background: url(../assets/icon/删除_点击icn@2x.png) center no-repeat;
    background-size: auto 100%;
}
.icon-delete {
    background: url(../assets/img/shanchu.png) center no-repeat;
    background-size: auto 100%;
}

.icon-map {

    background: url(../assets/img/icon_location.png) center no-repeat;
    background-size: auto 23px;
    vertical-align: -8px
}

.icon-home1 {
    background: url(../assets/img/wodefankui.png) center no-repeat;
    /* background-size: auto 100%; */
}

.icon-home2 {
    background: url(../assets/img/shezhi.png) center no-repeat;
    /* background-size: auto 100%; */
}

.icon-home3 {
    background: url(../assets/img/gaojingguanli.png) center no-repeat;
    /* background-size: auto 100%; */
}

.icon-home4 {
    background: url(../assets/img/peifang.png) center no-repeat;
    /* background-size: auto 100%; */
}

.icon-home5 {
    background: url(../assets/img/yonghu.png) center no-repeat;
    /* background-size: auto 100%; */
}

.icon-home6 {
    background: url(../assets/img/shebeiguanli.png) center no-repeat;
    /* background-size: auto 100%; */
}
.icon-home7 {
    background: url(../assets/img/lishi1.png) center no-repeat;
    /* background-size: auto 100%; */
}
.icon-home8 {
    background: url(../assets/img/gujianguanli1.png) center no-repeat;
    /* background-size: auto 100%; */
}
.icon-home9 {
    background: url(../assets/icon/CMS管理icon@2x.png) center no-repeat;
    background-size: auto 100%;
}
.icon-home10 {
    background: url(../assets/icon/告警管理icon@2x.png) center no-repeat;
    background-size: auto 100%;
}
.icon-home11 {
    background: url(../assets/icon/工单管理icon@2x.png) center no-repeat;
    background-size: auto 100%;
}
.icon-home12 {
    background: url(../assets/icon/固件管理icon@2x.png) center no-repeat;
    background-size: auto 100%;
}
.icon-home13 {
    background: url(../assets/icon/设备管理icon@2x.png) center no-repeat;
    background-size: auto 100%;
}
.icon-home14 {
    background: url(../assets/icon/经销商管理icon@2x.png) center no-repeat;
    background-size: auto 100%;
}
.icon-home15 {
    background: url(../assets/icon/历史记录icon@2x.png) center no-repeat;
    background-size: auto 100%;
}
.icon-home16 {
    background: url(../assets/icon/模版管理icon@2x.png) center no-repeat;
    background-size: auto 100%;
}
.icon-home17 {
    background: url(../assets/icon/系统设置icon@2x.png) center no-repeat;
    background-size: auto 100%;
}
.icon-home18 {
    background: url(../assets/icon/用户中心icon@2x.png) center no-repeat;
    background-size: auto 100%;
}
.icon-bianji {
    background: url(../assets/img/bianji.png) center no-repeat;
    background-size: auto 100%;
}
.icon-general_order {
    background: url(../assets/img/general_order.png) center no-repeat;
    background-size: auto 100%;
}
.icon-Photoshop {
    background: url(../assets/img/Photoshop.png) center no-repeat;
    background-size: auto 100%;
}
.icon-bianjino{
    
    background: url(../assets/img/bianji_no.png) center no-repeat;
    background-size: auto 100%;
}
.icon-caiji {
    background: url(../assets/img/caiji.png) center no-repeat;
    background-size: auto 100%;
}

.icon-lishi {
    background: url(../assets/img/lishi.png) center no-repeat;
    background-size: auto 100%;
}

.icon-history {
    background: url(../assets/img/history.png) center no-repeat;
    background-size: auto 100%;
}

.icon-zhiding {
    background: url(../assets/img/zhiding.png) center no-repeat;
    background-size: auto 100%;
}
.icon-yuanchengshuju {
    background: url(../assets/img/远程数据.png) center no-repeat;
    background-size: auto 100%;
}
.icon-yuanchengkongzhi {
    background: url(../assets/img/远程控制.png) center no-repeat;
    background-size: auto 100%;
}
.icon-close {
    background: url(../assets/img/close.png) center no-repeat;
    background-size: auto 100%;
}
.icon-update {
    background: url(../assets/img/update.png) center no-repeat;
    background-size: auto 100%;
}
.icon-gengxin_huaban {
    background: url(../assets/img/gengxin_huaban.png) center no-repeat;
    background-size: auto 100%;
}
.icon-xiaza2 {
    background: url(../assets/img/xiaza2.png) center no-repeat;
    background-size: auto 100%;
}
.icon-xiazai3 {
    background: url(../assets/img/xiazai3.png) center no-repeat;
    background-size: auto 100%;
}
.icon-shengji {
    background: url(../assets/img/shengji.png) center no-repeat;
    background-size: auto 100%;
}
.icon-gujianshengji {
    background: url(../assets/img/gujianshengji.png) center no-repeat;
    background-size: auto 100%;
}
.icon-xiazaigujian {
    background: url(../assets/img/xiazaigujian.png) center no-repeat;
    background-size: auto 100%;
}
.icon-shousuo {
    background: url(../assets/img/shousuo.png) center no-repeat;
    background-size: auto 100%;
}
.icon-homemore {
    background: url(../assets/img/more.png) center no-repeat;
    background-size: auto 100%;
}
.icon-jiankong {
    background: url(../assets/img/jiankong.png) center no-repeat;
    background-size: auto 100%;
}
.icon-tutai {
    background: url(../assets/img/zutai.png) center no-repeat;
    background-size: auto 100%;
}
.el-range-editor.el-input__inner {
    border: solid 1px #0099cc;
}

.pb-top .toolbar .el-input .el-input__inner {
    border-radius: 4px;
    border: solid 1px #0099cc;
}

.el-collapse-item__header {
    background-color: #0099cc;
    border-radius: 4px;
    color: #ffffff;
    display: block;
    padding-left: 20px;
    /* height: 36px;
    line-height: 36px; */
    /* text-indent: 20px; */
}

.el-collapse-item {

    margin-bottom: 15px;
}

.el-collapse-item__header.is-active {
    border-radius: 4px 4px 0px 0px;
}

.el-collapse-item__content {
    background-color: #ffffff;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.13);
    border-radius: 0px 0px 4px 4px;
    border: solid 1px #0099cc;
    border-top: 0;
    padding: 20px;
}

.el-dialog__header {
    padding: 10px 20px;
    background-color: #0099cc;
    color: #fff;
}

.el-dialog__title {

    color: #fff;
}

.el-dialog__headerbtn .el-dialog__close {

    color: #fff;
    font-size: 24px;
}

.el-dialog__headerbtn {
    right: 10px;
    top: 10px
}

.el-dialog__wrapper {
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.give-type {
    width: 300px;
    border-radius: 6px;
    color: #fff;
    position: relative;
    padding: 10px 0 10px 60px;
}

.give-type1 {
    background-color: #ff6600;
    box-shadow: 0px 0px 20px 0px #ff6600;
}
.give-type2 {
    background-color: #83bbdb;
    box-shadow: 0px 0px 20px 0px #3c8dbc;
}

.give-type3 {
    background-color: #ff2400;
    box-shadow: 0px 0px 20px 0px #ff2400;
}

.give-type4 {
    background-color: #f3d826;
    box-shadow: 0px 0px 20px 0px rgba(239, 219, 58, 0.96);
}
.give-type5{
    
    background-color: #67C23A;
    box-shadow: 0px 0px 20px 0px rgba(239, 219, 58, 0.96);
}
.give-type>div {
    padding: 3px 0;
}

.icon-give1 {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 15px;
    background: url(../assets/img/tishi.png) center no-repeat;
    background-size: auto 100%;
    width: 30px;
    height: 30px;
    
}

.icon-give2 {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    left: 15px;
    background: url(../assets/img/shijian.png) center no-repeat;
    background-size: 100% 100%;
    width: 30px;
    height: 30px;
}

.el-notification {
    opacity: 0.88;
    width: auto;
    padding: 0;
    border: 0;
}

.el-notification__closeBtn {
    top: 5px;
    right: 5px;
    color: #fff;
}

.el-notification__closeBtn:hover {
    color: #fff
}

.el-notification__content {
    margin: 0;
}

.el-notification__group {
    margin: 0;
}
input[type=number] {  
    -moz-appearance:textfield;
}

input[type=number]::-webkit-inner-spin-button,  
input[type=number]::-webkit-outer-spin-button {  
    -webkit-appearance: none;
}

.anchorBL{display:none}

.attributes{
    max-height: 300px;
    overflow: auto;
  }
.alarmshistory>.el-table__body-wrapper{
    overflow-y: auto;
    /* height: 500px; */
    height: 70vh;
}
#devicetable>.el-table__body-wrapper{
    height: 206px;
    overflow: auto;
  }
.el-table th, .el-table tr{
    background-color: inherit;
}
